參賽前言

今年是第三次參加鐵人賽，前兩年參加時共寫了 64 篇文章：

• Super Easy CSS，極度簡單（主要偏向 CSS 與前端基礎）

• Super Easy CSS，極度簡單 PART 2（研究了許多 CSS 新語法、裝飾的花招等）

不過到目前為止，這系列還沒有完結，原因是我有點貪心：既想要整理既有知識，又想要研究新語法，這點我深深在反省。但是我也因此學到了很多，讓我了解到在教學時要如何組織知識，還要應該要考慮到先備知識等等的問題。

所以呢，我的文章會開始越拆越小，盡量讓每篇文章一次只講一、兩件事情，這並不是為了水篇數，而是因為這樣會比較好理解。希望今年可以做到！

今年的目標依然也是繼續填坑，延續前年與去年的目標，然後再加上學習 CSS 預處理器 SASS/SCSS（因為實務上幾乎都會用到）：

本系列文章目標延續去年的目標：學習 CSS 基本知識，並且研究 CSS 中酷炫又令人期待新屬性，讓想要學習 CSS 的人也能一起學到新知識，不用再零零散散地去爬文搜尋。此外，這次將會學習 CSS 預處理器 SASS/SCSS 與了解各大 CSS 框架，讓新手對於前端開發有全面的認識。

希望能挑戰成功，真真正正地完結他！

此外，今年的鐵人賽我決定不做封面圖了，更專心在內容上。
挑戰結束後，再陸陸續續將所有封面圖換掉，讓封面圖更符合每篇主題。

文章目錄

今年的鐵人賽會接續去年的繼續寫，所以會從第 #65 篇開始，開始深入研究滾動行為的相關語法、值得看好的新語法 (State of CSS 2025) 與一點點 SEO。

詳細的目錄我會統一更新在最一開始的舊目錄中：

#00 文章目錄 / 參賽前言 | Super Easy CSS

（等到全部完成，我再把目錄複製過來這裡，不然一直來來回回維護好幾份目錄太累了。）

對於 AI 寫作的看法

現在是 AI 的時代，當 AI 輕輕鬆鬆就能寫出東西時，對於寫作的信心其實是滿打擊的，在一開始其實也猶豫了一下到底要不要繼續。

可是啊，如我一開始所說，這個過程讓我學到了許多，包含發現自己盲點、學習組織架構、累積寫作經驗等等的事情，依然是 AI 無法取代的，因為 AI 無法代替我學習。

而對於想學習 CSS 的人來說，AI 還是作為加速的工具會比較好。我不曉得大家有沒有過這樣的經驗，有時只靠 Vibe Coding 與 AI 溝通時，要花好幾句話來來回回才能解決問題；可是當自己知道原理時，靠自己直接改就能改對地方了（當然前提是 Code 不要太髒 XD）。

Vibe Coding 時，知識是存在 AI 的黑盒子裡；而搞懂原理，知識才能進到自己的腦袋裡。在這個 AI 時代，更多的挑戰是對於學習的堅持呀！

今年也請大家多多指教囉！

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

感謝看到最後的你，若你覺得獲益良多，請不要吝嗇給我按個喜歡。❤️

如果你喜歡我的創作，還想看看其他有趣的分享與日常，
可以追蹤我的 IG @im1010ioio，或者是🧋送杯珍奶鼓勵我，謝謝你🥰。